<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>क ख ग सिखें</title>
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
		<script type="text/javascript">
		$(function(){
					
			var HTMLString = function(i){
				return '<div class="letter">'+
				'<div>'+CharData[i].letter+'</div>'+
				'<div><img style="display:none;width:100px;height:100px" src="'+CharData[i].imageurl+'"></img></div>'+
				'<div><audio src="'+CharData[i].audiourl+'"></audio></div>'+
				'</div>'
			}
			
			var MainContainer = $("#container") ;
			for (var i = 0 ; i < CharData.length ; i++){
				MainContainer.append(HTMLString(i));
			}
			
		
			$(".letter").click(function(){
				$("img").hide(100);
				$(this).find("audio")[0].play();
				var a = $(this).find("img")[0];
				$(a).show(300);
				var b ;
						
			}).button();
			
			
		});
		</script>
		
		<script type="text/javascript">
		
		var CharData = [
		
			{
			"letter":"अ",
			"imageurl": "http://farm1.static.flickr.com/21/183132156_190fc4c7e1.jpg",
			"audiourl": "audio/swar/a.ogg"
			},
			{
			"letter":"आ",
			"imageurl": "http://farm1.static.flickr.com/77/227084493_d682d8a266.jpg",
			"audiourl": "audio/swar/aa.ogg"
			},
			{
			"letter":"इ",
			"imageurl": "http://www.forestryimages.org/images/3072x2048/5362413.jpg",
			"audiourl": "audio/swar/i.ogg"
			},
			{
			"letter":"ई",
			"imageurl": "http://blogs.princeton.edu/chm333/f2006/biomass/ethanol%20SUGAR%20CANE2.jpg",
			"audiourl": "audio/swar/ii.ogg"
			},
			{
			"letter":"उ",
			"imageurl": "http://images.cdn.fotopedia.com/flickr-2815358116-original.jpg",
			"audiourl": "audio/swar/u.ogg"
			},
			{
			"letter":"ऊ",
			"imageurl": "http://farm1.static.flickr.com/128/353026461_1bb8002552.jpg",
			"audiourl": "audio/swar/oo.ogg"
			},
			{
			"letter":"ए",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/3/3e/Heel.jpg",
			"audiourl": "audio/swar/e.ogg"
			},
			{
			"letter":"ऐ",
			"imageurl": "http://t3.gstatic.com/images?q=tbn:2zyf_b_MZK-esM:http://farm4.static.flickr.com/3560/3465570189_8e51c01454.jpg",
			"audiourl": "audio/swar/ai.ogg"
			},
			{
			"letter":"ओ",
			"imageurl": "http://farm3.static.flickr.com/2761/4448295842_7af76760cc.jpg",
			"audiourl": "audio/swar/o.ogg"
			},
			{
			"letter":"औ",
			"imageurl": "http://farm1.static.flickr.com/115/307456465_cac1553ba0.jpg",
			"audiourl": "audio/swar/au.ogg"
			},
			{
			"letter":"ऋ",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/6/62/Maharaj2.JPG",
			"audiourl": "audio/swar/ru.ogg"
			},
			{
			"letter":"अं",
			"imageurl": "http://farm4.static.flickr.com/3601/3465489093_b563b120d7.jpg",
			"audiourl": "audio/swar/ang.ogg"
			},
			{
			"letter":"अ:",
			"imageurl": "audio/aha.png",
			"audiourl": "audio/swar/aha.ogg"
			},


			{
			"letter":"क",
			"imageurl": "http://farm2.static.flickr.com/1035/563798423_bdc2e67332.jpg",
			"audiourl": "audio/ka/ka.ogg"
			},
			{
			"letter":"ख",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/8/84/Rabbit_TH_2.jpg",
			"audiourl": "audio/ka/kha.ogg"
			},
			{
			"letter":"ग",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Citrus_reticulata_in_flowerpot.jpg/614px-Citrus_reticulata_in_flowerpot.jpg",
			"audiourl": "audio/ka/ga.ogg"
			},
			{
			"letter":"घ",
			"imageurl": "http://images.hayneedle.com/mgen/master:HMI231.jpg",
			"audiourl": "audio/ka/gha.ogg"
			},
			{
			"letter":"ङ",
			"imageurl": "audio/anga.png",
			"audiourl": "audio/ka/anga.ogg"
			},
			{
			"letter":"च",
			"imageurl": "http://himanshushekhar.in/wp-content/uploads/2009/02/picture_charka.jpg",
			"audiourl": "audio/cha/cha.ogg"
			},
			{
			"letter":"छ",
			"imageurl": "http://farm4.static.flickr.com/3015/3041621285_403d3f0ab9.jpg",
			"audiourl": "audio/cha/chha.ogg"
			},
			{
			"letter":"ज",
			"imageurl": "http://farm1.static.flickr.com/108/297715985_a6871c4a4a.jpg",
			"audiourl": "audio/cha/ja.ogg"
			},
			{
			"letter":"झ",
			"imageurl": "http://farm4.static.flickr.com/3191/3085206858_bbd1e134e3.jpg",
			"audiourl": "audio/cha/jha.ogg"
			},
			{
			"letter":"ञ",
			"imageurl": "audio/iya.png",
			"audiourl": "audio/cha/iya.ogg"
			},
			{
			"letter":"ट",
			"imageurl": "http://farm1.static.flickr.com/67/212833815_e0ed441a5f.jpg",
			"audiourl": "audio/ta/ta.ogg"
			},
			{
			"letter":"ठ",
			"imageurl": "http://businessclassnyc.files.wordpress.com/2008/10/plumber_5.gif",
			"audiourl": "audio/ta/tha.ogg"
			},
			{
			"letter":"ड",
			"imageurl": "http://chandrakantha.com/articles/indian_music/damaru_media/damaru3.jpg",
			"audiourl": "audio/ta/da.ogg"
			},
			{
			"letter":"ढ",
			"imageurl": "http://www.saralhindi.com/images/ship-col-26-dhakkan.gif",
			"audiourl": "audio/ta/dha.ogg"
			},
			{
			"letter":"ण",
			"imageurl": "audio/ana.png",
			"audiourl": "audio/ta/ana.ogg"
			},
			{
			"letter":"त",
			"imageurl": "http://farm3.static.flickr.com/2647/3745072700_b952915e4a_t.jpg",
			"audiourl": "audio/ta2/ta.ogg"
			},
			{
			"letter":"थ",
			"imageurl": "http://sciencecastle.com/sc/app/webroot/img/experiments/158.jpg",
			"audiourl": "audio/ta2/tha.ogg"
			},
			{
			"letter":"द",
			"imageurl": "http://farm1.static.flickr.com/26/56806656_96900d939b.jpg",
			"audiourl": "audio/ta2/da.ogg"
			},
			{
			"letter":"ध",
			"imageurl": "http://www.wishlist.nu/wp-content/uploads/2008/04/bow-and-mallow.jpg",
			"audiourl": "audio/ta2/dha.ogg"
			},
			{
			"letter":"न",
			"imageurl": "http://farm1.static.flickr.com/117/268918251_8dd35e30c4.jpg",
			"audiourl": "audio/ta2/na.ogg"
			},
			{
			"letter":"प",
			"imageurl": "http://farm2.static.flickr.com/1086/539455418_ed7002b73d.jpg",
			"audiourl": "audio/pa/pa.ogg"
			},
			{
			"letter":"फ",
			"imageurl": "http://farm3.static.flickr.com/2085/2333063856_7d194564f8.jpg",
			"audiourl": "audio/pa/pha.ogg"
			},
			{
			"letter":"ब",
			"imageurl": "http://opencage.info/pics/files/800_11070.jpg",
			"audiourl": "audio/pa/ba.ogg"
			},
			{
			"letter":"भ",
			"imageurl": "http://farm1.static.flickr.com/82/249371700_1a220e3c54.jpg",
			"audiourl": "audio/pa/bha.ogg"
			},
			{
			"letter":"म",
			"imageurl": "http://opencage.info/pics/files/800_9927.jpg",
			"audiourl": "audio/pa/ma.ogg"
			},
			{
			"letter":"य",
			"imageurl": "http://lh4.ggpht.com/rujutavinod/SGjRCwzUvPI/AAAAAAAAEDg/T4KgrS3DIQw/s400/yama.jpg",
			"audiourl": "audio/ya/ya.ogg"
			},
			{
			"letter":"र",
			"imageurl": "http://imagesfrombulgaria.com/d/43575-3/DSC00909.JPG",
			"audiourl": "audio/ya/ra.ogg"
			},
			{
			"letter":"ल",
			"imageurl": "http://farm2.static.flickr.com/1087/988751607_fd41647c80_o.jpg",
			"audiourl": "audio/ya/la.ogg"
			},
			{
			"letter":"व",
			"imageurl": "http://s0.geograph.org.uk/photos/00/97/009784_f6d43714.jpg",
			"audiourl": "audio/ya/va.ogg"
			},
			{
			"letter":"श",
			"imageurl": "http://lh4.ggpht.com/_EiKefK4t59A/SHgLfBRrg5I/AAAAAAAAB6k/J3Ha7YhNUT8/IMG_0090.jpg",
			"audiourl": "audio/ya/sha.ogg"
			},
			{
			"letter":"ष",
			"imageurl": "http://img40.imageshack.us/img40/5092/hexagon.jpg",
			"audiourl": "audio/ya/sha2.ogg"
			},
			{
			"letter":"ह",
			"imageurl": "http://farm4.static.flickr.com/3352/3435752078_4ba19a93a2.jpg",
			"audiourl": "audio/ya/ha.ogg"
			},
			{
			"letter":"क्ष",
			"imageurl": "http://www.pressnote.in/login/viewpic.php?id=10662",
			"audiourl": "audio/ya/ksh.ogg"
			},
			{
			"letter":"त्र",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Trishula.svg/200px-Trishula.svg.png",
			"audiourl": "audio/ya/tra.ogg"
			},
			{
			"letter":"ज्ञ",
			"imageurl": "http://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Tagore3.jpg/240px-Tagore3.jpg",
			"audiourl": "audio/ya/gya.ogg"
			}
		];
		
		</script>
		
		

	</head>
<body>
	<div id="container"></div>
</body>
</html>
